/* wrapper css */
#masonry-wrapper{
    margin-top:70px;
    width:100%;
    overflow: visible;
}
#masonry-wrapper hgroup{
    text-align:center;
}
#masonry-wrapper h2{
    margin:5px 0;
    color:#FF6D99;
    text-shadow:1px 1px 2px #A50031;
    font-size:33px;
    font-family:Arial Narrow, Arial, sans-serif;
}
#masonry-wrapper h3{
    font-style:italic;
    font-weight:normal;
    font-size:18px;
    text-shadow:1px 1px 0 #fff;
    color:#888;
    margin:5px 0;
}

#masonry-container{
    position:relative;
    width:660px;
    margin:0 auto 25px;
    padding-bottom: 10px;

}
.masonry-grid{
    width:188px;
    min-height:100px;
    padding: 15px;
    background:#fff;
    margin:8px;
    font-size:12px;
    float:left;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}

.masonry-grid strong {
    border-bottom:1px solid #ccc;
    margin:10px 0;
    display:block;
    padding:0 0 5px;
    font-size:17px;
}
.masonry-grid .masonry-meta{
    text-align:right;
    color:#777;
    font-style:italic;
}
.masonry-grid .masonry-imgholder img{
    max-width:100%;
    background:#ccc;
    display:block;
}

@media screen and (max-width : 900px) {
    #masonry-wrapper{
        margin-top:90px;
    }
}